<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_fragment :: head(~{::title})">
    <title>博客管理后台</title>
</head>
<body class="hold-transition skin-blue sidebar-mini">

<!--头部导航-->
<nav th:replace="_fragment :: left-menu"></nav>
<!----------------------------------------------------------------------------------------->

<!-- Content Wrapper. Contains page content -->

<!-- Content Header (Page header) -->
<section class="content-header"></section>

<!-- Main content -->
<section class="content">

    <div class="row">
        <!-- 2:1:7:2 -->
        <div class="col-md-2"></div>
        <div class="col-md-1">
            <ul class="nav nav-pills nav-stacked" id="menu">
                <li class="active"><a th:href="@{/passage/findPassages}">推荐</a></li>
                <li th:each="k:${keywords}"><a th:href="@{/keyword/findPassage/{id}(id=${k.keywordId})}" th:text="${k.keywordName}">SVN</a></li>
            </ul>
        </div>
        <div class="col-md-7">
            <div class="nav-tabs-custom">
                <div class="tab-content">
                    <div class="active tab-pane" id="activity">
                        <!-- Post -->
                        <div class="post" th:each="p:${latelyPassages}">
                            <div class="user-block">
                                <!--<img class="img-circle img-bordered-sm" src="../static/img/default-head.jpg" alt="user image">-->
                                <span class="username" style="margin-left: 7px">
                                      <a th:href="@{/passage/findPassage/{id}(id=${p.passageId})}" th:text="${p.title}">Jonathan Burke Jr.</a>
                                      <a href="#" class="pull-right btn-box-tool"><i class="fa fa-times"></i></a>
                                    </span>
                                <span style="margin-left: 7px" class="description" th:text="${p.createDate}"></span>
                            </div>
                            <!-- /.user-block -->
                            <p th:text="${p.described}"></p>
                            <ul class="list-inline">
                                <li><a href="#" class="link-black text-sm"><i class="fa fa-eye margin-r-5" th:text=" ${p.visited}"> Visited</i></a></li>
                                <li><a href="#" class="link-black text-sm"><i class="fa fa-thumbs-o-up margin-r-5" th:text=" ${p.liked}"> Like</i></a>
                                </li>
                                <li class="pull-right">
                                    <a href="#" class="link-black text-sm"><i class="fa fa-comments-o margin-r-5"> Comments </i></a></li>
                            </ul>

                            <input class="form-control input-sm" type="text" placeholder="Type a comment">
                        </div>
                        <!-- /.post -->

                    </div>
                </div>
                <!-- /.tab-content -->
            </div>
            <!-- /.nav-tabs-custom -->
        </div>
        <!-- /.col -->
        <div class="col-md-2"></div>
    </div>
    <!-- /.row -->

</section>
<!-- /.content -->

<!-- /.content-wrapper -->

<!----------------------------------------------------------------------------------------->
<!--底部footer-->
<footer th:replace="_fragment :: footer"></footer>
</body>

<th:block th:replace="_fragment :: script">
</th:block>

<script>
    $('#menu li').click(function () {
        var f = this;
        $('#menu li').each(function () {
            this.className = this == f ? 'active' : 'noneclick'
        });
    });
</script>


</html>
